<!-- 
@created by   2018-06-13 09:26:38
@description 
 -->
<!-- 必须全局拥有唯一的id -->
<div id="flowWholeLifeCycle">
    <el-form-q :field-data="queryFields" :buttons="queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="document" @click="infoFn">查看</el-button>
            <el-button icon="document" @click="continueRun">续跑</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="flowInstanceInfos" :max-height="height" :radiobox="false" :data-url="flowInstanceInfoUrl" request-type="POST" :table-columns="flowInstanceInfoTableColumn" :default-load="false"></el-table-x>

    <el-dialog-x title="流程跟踪" :visible.sync="viewWholeLifeCycle" size="full" v-if="viewWholeLifeCycle">
        <el-row>
            <el-col :span="5">
                <el-tree-x ref="stageAndEvent" :height="height - 20" @node-click="nodeClickFn" :local-data="eventData" data-id="treeNodeId" data-label="treeNodeName"
                     :root-visible="false" data-pid="treeParentId" :data-root="dataRoot" style="margin:10px 10px 0 0;">
                </el-tree-x>
            </el-col>
            <el-col :span="19">
                <el-button-group>
                    <el-button icon="document" @click="viewTask">查看节点任务运行信息</el-button>
                </el-button-group>
                <el-table-x ref="nodeInstanceInfos" :max-height="height - 20" :radiobox="false" :data-url="nodeInstanceInfosUrl" 
                    :table-columns="nodeInstanceInfoTableColumn" :default-load="false" :pageable="false"></el-table-x>
            </el-col>
        </el-row>
    </el-dialog-x>
    
    <el-dialog-x title="任务运行列表" :visible.sync="viewTaskList" width="800px" height="600px">
        <el-table-x ref="taskInstanceInfos" :radiobox="false" :data-url="taskInstanceInfoUrl" 
            :table-columns="taskInstanceInfoTableColumn" :pageable="false" :default-load="false"></el-table-x>
        <div align="center"><el-button icon="document" @click="closeTask" >返回</el-button></div>    
    </el-dialog-x>
    
</div>